
$(function(){
    // 渲染页面和分页插件
    var currentPage=1;
    var pageSize=5;
    var id;
    var isDelet;
    render();
   function render(){
    $.ajax({
        type: "get",
        url: "/user/queryUser",
        dataType:'json',
        data:{
            page:currentPage,
            pageSize:pageSize
        },
        success: function( info ) {
            console.log(info);
            var htmlStr=template('tmp',info);
            $('#userNews tbody').html(htmlStr);

            // 配置分页插件
            $("#pagintor").bootstrapPaginator({
                bootstrapMajorVersion:3,//默认是2，如果是bootstrap3版本，这个参数必填
                currentPage:info.page,//当前页
                totalPages:Math.ceil(info.total/info.size),//总页数
                size:"small",//设置控件的大小，mini, small, normal,large
                onPageClicked:function(a, b,c,page){
                  //为按钮绑定点击事件 page:当前点击的按钮值
                //   设置当前页面为点击之后的页面
                    currentPage=page;
                //重新渲染分页
                    render();
                }
              });
        }
    })
   }

//    点击切换禁用启用的模态框,由于是动态渲染的,所以需要事件委托
   $('tbody').on('click','.btn',function(){
       $('#status').modal('show');
    //    获取前端页面的index值
       id=$(this).parent().data('id');
    //    console.log(id);
        // 判断该条数据是否是启用状态
        isDelet=$(this).hasClass('btn-success')?1:0;
        // console.log(isDelet);
   })

   $('#sure').on('click',function(){
       $.ajax({
           url:'/user/updateUser',
           type:'post',
           data:{
               id:id,
               isDelete:isDelet
           },
           dataType:'json',
           success:function(info){
                // console.log(info);
                if(info.success){
                    $('#status').modal('hide');
                    render();
                }
           }
       })
   })
})